<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>div</title>
    <style>
        /* div {
            border: 1px solid black;
            margin: 10px;
        } */
    </style>
</head>

<body>
    <div style="background-color: lightblue;height: 200px;">顶部</div>
    <div style="background-color: lightgreen;height: 200px;">logo</div>
    <div style="background-color: rgb(42, 125, 220);height: 300px;display: flex;">
        <div style="background-color: rgb(234, 101, 18);display: inline-block;height: 300px;width: 50%;">左边</div>
        <div style="background-color: rgb(232, 217, 232);display: inline-block;height: 300px;width: 50%;">右边</div>
    </div>
    <div style="background-color: rgb(224, 33, 215);height: 200px;">底部</div>
</body>

</html>